.index-wrap {
    main {
        .profile-header {
            width: 100%;
            height: 1.5rem;
            background-color: #f03d37;
            background-image: url(http://s0.meituan.net/bs/file/?f=myfe/canary:static/deploy/dpmmweb/client/dpmmweb/component/mycenter/img/bg.png);
            background-repeat: no-repeat;
            background-position: 50%;
            background-size: 100% 1.5rem;
            overflow: hidden;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            img {
                display: block;
                width: 0.6rem;
                height: 0.6rem;
                border-radius: 0.6rem;
                border: 3px solid #fff;
                box-sizing: content-box;
            }
            .profile-name {
                margin-top: 0.07rem;
                font-size: 0.16rem;
                line-height: 0.225rem;
                color: #fff;
            }
        }
        .profile-container {
            flex: 1;
            background-color: #F3F3F3;
            .orders {
                margin-top: 0.11rem;
                background-color: #fff;
                height: 1.5rem;
                padding: 0 0.15rem;
                .title {
                    padding-top: 0.13rem;
                    position: relative;
                    text-align: center;
                    span {
                        font-size: 0.15rem;
                        color: #333;
                        text-align: center;
                        background: #fff;
                        position: relative;
                        padding: 0 0.05rem;
                        z-index: 2;
                    }
                    &::after {
                        content: '';
                        position: absolute;
                        width: 1.6rem;
                        height: 0.01rem;
                        background: url() 0 bottom repeat-x;
                        left: 50%;
                        top: 0.23rem;
                        transform: translateX(-50%);
                        z-index: 1;
                    }
                }
                .list-two {
                    width: 100%;
                    height: 1.15rem;
                    background-color: #fff;
                    padding-top: 0.18rem;
                    display: flex;
                    font-size: 0.15rem;
                    text-align: center;
                    line-height: 1.3rem;
                    color: #333;
                    overflow: hidden;
                    .list-left {
                        flex: 1;
                        background-image: url(http://s0.meituan.net/bs/file/?f=myfe/canary:static/deploy/dpmmweb/client/dpmmweb/component/mycenter/img/movie.png);
                        background-repeat: no-repeat;
                        background-position: top;
                        background-size: 0.42rem auto;
                    }
                    .list-right {
                        flex: 1;
                        background-image: url(http://s0.meituan.net/bs/file/?f=myfe/canary:static/deploy/dpmmweb/client/dpmmweb/component/mycenter/img/store.png);
                        background-repeat: no-repeat;
                        background-position: top;
                        background-size: 0.42rem auto;
                    }
                }
                .profile-list {
                    background: #fff;
                    margin-left: -0.15rem;
                    margin-top: 0.15rem;
                    padding: 0 0.15rem;
                    width: 3.75rem;
                    li {
                        background: url() 0 bottom repeat-x;
                        height: 0.44rem;
                        line-height: 0.44rem;
                        font-size: 0.15rem;
                        position: relative;
                        a {
                            color: #333;
                            display: block;
                        }
                        &::after {
                            position: absolute;
                            right: 0;
                            top: 0.18rem;
                            display: inline-block;
                            content: "";
                            width: 0.08rem;
                            height: 0.08rem;
                            border-left: 0.01rem solid #ccc;
                            border-top: 0.01rem solid #ccc;
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }
                    }
                }
            }
        }
    }
}